<template>
  <div id="app">
      <router-view></router-view>
  </div>
</template>
<script>
import Login from "./views/Login.vue";
import Aside from "./components/Aside.vue";
export default {
  data() {
    return{

    }
  },
  components: {
    Login,
    Aside,
  },
};
</script>

<style>

/* fade-transform */  
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
  /* 动画时间*2  进入和退出 */
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}


:root {
  /* COLORS */
  --white: #e9e9e9;
  --gray: #333;
  --blue: #0367a6;
  --lightblue: #008997;
  /* RADII */
  --button-radius: 0.7rem;
  /* SIZES */
  --max-width: 758px;
  --max-height: 420px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
* {
  margin: 0;
  padding: 0;
}
.app {
  width: 100vw;
  height: 100vh;
}
.header {
  width: 100%;
  height: 7vh;
}
.content {
  height: 93vh;
  display: flex;
}
.aside {
  width: 10vw;
  height: 100%;
}
.detail {
  width: 90vw;
  height: 100%;
}
/* 日历组件样式 */
.wh_content_all{
  height: 32vh;
  padding-bottom: 0px;
}
.wh_container{
  max-width:100% !important;
}
.wh_isToday{
  background-color: #ffdc5e !important;
}
</style>
